/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 1, 2014, 4:57:26 PM
    Author     : chema_000
*/
*{margin:0px; padding:0px;}
.clear { clear: both; }
/*-----------Login-------------*/
#login{
    margin: 0 auto;
    width: 400px;
    height: 130px;
    border: blue inset medium;
    margin-top: 50px;
    background: buttonface;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#login legend{
   color: red;
   font-size: 25px;
   margin-left: 20px;
   
}

#login label{
   color: blue;
   font-size: 20px; 
}

#login form{
    margin-top: 10px;
}
#login input{
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
#submit{
   font-size: 18px;
   background: #00cccc;
   color: black;
   padding: 5px 5px 5px 5px;
}
#submit:hover{
    background: white;
}
/*-----------header-------------*/
#header{
    position: fixed;
    width: 100%;
    height: 30px;
    background: #33ff00;
    top: 0;
}

#header li{
    float:left;
    height: 30px;
    display: inline-block;
    border-right: 1px solid black;
}

#header li a{
    display: block;
    float: left;
    height: 30px;
    font-weight: bold;
    line-height: 30px;
    text-decoration: none;
    color: #646464;
    padding: 0 20px;
}
#header li a:hover{
    background: aqua;
}
#header li.logout{
    float: left;
    border-left: 1px solid #ddd;
}
/*-----------Cotainer-------------*/
#container{
    margin: 0 auto;
    width: 1200px;
    background: #cccccc;
    height: 100%;
    margin-top: 30px;
}

#sidebar{
    padding-top: 30px;
    float: left;
    width: 250px;
    background: #cccccc;
}

#sidebar li{
    display: block;
    font-size: 23px;
}

#sidebar li a{
    padding-left: 10px;
    display: block;
    padding-bottom: 10px;
    background: #cccccc;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid black;
    height: 37px;
    font-weight: bold;
    line-height: 37px;
}

#sidebar li a:hover{
    background: #999999;
}
#sidebar li a:active{
    color: blue;
}

h3{
    padding-left: 10px;
    margin-top: 10px;
}

#main-container {
    width: 900px;
    float: right;
    padding: 0 19px 0 0;
}
#main-container table {
    margin-top: 20px;
    margin-bottom: 50px;
    width: 900px;
    height: auto;
}
#main-container table th{
    background: #f6f6f6;
    text-align: center;
    height: 30px;
}

#main-container table thead tr td {
    background: #f6f6f6;
    height: 30px;
    line-height: 30px;
}
#main-container table tbody tr td {
    text-align: center;
    background: #f6f6f6;
    height: auto;
}

#main-container table tr.odd td {
    background: #fbfbfb;
}

#main-container table tr:hover td { background: #fdfcf6; }

#main-container table .action {
    text-align: center;
    padding: 0 0 0 0;
    width: auto;
}

#main-container table tr .action a { margin: 0 0 0 10px; text-decoration: none; color: #9b9b9b;}
#main-container table tr:hover .action .edit { color: #c5a059; font-weight: bold }
#main-container table tr:hover .action .delete { color: #a02b2b;  font-weight: bold }
#main-container table tr:hover .action .view { color: #55a34a;  font-weight: bold }
#main-container table tr:hover .action a:hover { text-decoration: underline; }

#main-container table tr td span { text-decoration: none; color: #9b9b9b; float: right; }
#main-container table tr td a { text-decoration: none; color: #9b9b9b;}
#main-container table tr:hover td .add { color: blue;  font-weight: bold; text-align: left;}
#main-container table tr:hover td .delete { color: #ff0000;  font-weight: bold; text-align: left;}
#main-container table tr:hover td a:hover { text-decoration: underline; }


#main-container fieldset {
    border: 1px solid #ddd;
    padding: 19px;
    margin: 0 0 20px 0;
    background: #fbfbfb;
}

#main-container fieldset p { margin: 0 0 14px 0; float: left; width: 100%;  }

#main-container fieldset label {
    display: block;
    width: 100%;
    margin: 0 0 7px 0;
    line-height: 12px;
}

#main-container fieldset .text-long {
    border: 1px solid #ddd;
    background: #fff url(../img/input-shaddow.gif) no-repeat left top;
    font: 11px Arial, Helvetica, sans-serif;
    color: #646464;
    padding: 5px 7px;
    width: 264px;
    float: left;
    margin: 0 10px 0 0;
}

#main-container fieldset .text-medium {
    border: 1px solid #ddd;
    background: #fff url(../img/input-shaddow.gif) no-repeat left top;
    font: 11px Arial, Helvetica, sans-serif;
    color: #646464;
    padding: 5px 7px;
    width: 124px;
    float: left;
    margin: 0 10px 0 0;
}

#main-container fieldset .text-small {
    border: 1px solid #ddd;
    background: #fff url(../img/input-shaddow.gif) no-repeat left top;
    font: 11px Arial, Helvetica, sans-serif;
    color: #646464;
    padding: 5px 7px;
    width: 44px;
    float: left;
    margin: 0 10px 0 0;
}

#main-container fieldset .text-long:focus, 
#main-container fieldset .text-medium:focus,
#main-container fieldset .text-small:focus,
#main-container fieldset textarea:focus { background: #fdfcf6 url(../img/input-shaddow-hover.gif) no-repeat left top; }

#main-container fieldset textarea {
    border: 1px solid #ddd;
    background: #fff url(../img/input-shaddow.gif) no-repeat left top;
    font: 11px Arial, Helvetica, sans-serif;
    color: #646464;
    padding: 5px 7px;
    width: 364px;
    float: left;
    margin: 0 10px 0 0;
    height: 148px;
    overflow: hidden;
}
.page{
    width: 420px;
    padding: 5px;
    margin-left: 250px;
    margin-bottom: 20px;
    text-align: center;
    float: left;
    clear: both;
    font-size: 14px;
}
.page a{
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #0033cc;
}
.page a:hover{
    background-color: #9999ff;
    color: #ffffff;
}
.page a.current{
    background-color: #9999ff;
    color: #ffffff;
}

.libsPaging{
    text-decoration: none;
    font-size: medium;
    color: #54A6D5;
    margin-left: 5px;
}
.libsPaging:hover{
    color: red;
}
#libsPaging-active{
    font-size: large;
    color: blue;
    cursor: not-allowed;
}
/*-----------Footer-------------*/
#footer{
    position: fixed;
    background: black;
    color: white;
    width: 100%;
    height: 20px;
    bottom: 0;
}

